*{
	margin: 0;
	padding: 0;
	list-style: none;
}
a{
	text-decoration: none;
}
.container{
	width: 1000px!important;
}
nav{
	background: #fff;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
nav .col-md-6{
	line-height: 57px;
}
nav .col-md-6 a:hover{
	color: #858A90;
	text-decoration: none;
}
nav .col-md-6 button{
	outline: none;
}
nav .s{
	display: inline-block;
	float: left;
	margin-top: 15px;
}
nav .a{
	color: #A29F9F;
    padding: 4px 5px;
    width: 74px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 44px;
    margin-left: 40px;
	margin-top: 15px;
	font-size: 13px;
}

nav .a:hover{
	text-decoration: none;
	background-color: #fff5f5;
    border-color: #ff7e7e;
    color: #ff7e7e;
}

nav .a i{
	 padding-right: 5px;
}
nav .alt{
	display: inline;
	padding-top: 20px;
	position: relative;
}
nav .form{
	width: 290px;
	height: 275px;
	margin-top: 15px;
	position: absolute;
	background: #fff;
	z-index: 10000;
	left: -55px;
	display: none;
}
nav .form a:hover{
	text-decoration: none;
}
nav .form .form-top{
	padding: 0 20px;
}
nav .form .form-top-group .grop-1,nav .form .form-top-group .grop-2{
	background-image: linear-gradient(to left,#ffba8c,#ff8377);
	padding-left: 12px;
    width: 103px;
    height: 38px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    text-align: left;
}
nav .form .form-top-group .grop-1 i{
	display: inline-block;
	background-image: url(../images/20180629110754_KHawy.png);
	background-repeat: no-repeat;
	    background-position: -113px -7px;
    width: 20px;
    height: 20px;
}
nav .form .form-top-group .grop-2 i{
	display: inline-block;
	background-image: url(../images/20180629110754_KHawy.png);
	background-repeat: no-repeat;
	background-position: -11px -96px;
	width: 20px;
	height: 20px;
	margin-left: 15px;
}
nav .form .form-top-group .grop-2{
	    margin-left: 30px
}
nav .form .form-bottom a{
	margin-bottom: 4px;
    display: inline-block;
    width: 64px;
    height: 29px;
    border-radius: 4px;
    font-size: 12px;
    color: #444;
    line-height: 29px;
    text-align: center;
}
nav .form .form-bottom .form-bottom-group{
	padding: 10px;
}
nav button{
	border: 0px;
	outline: none;
	/*float: right;*/
}

nav button i{
	margin-left: -54px;
    background-color: #ff7e7e;
    padding: 6px;
    margin-right: -1px;
    border-radius: 0 20px 20px 0;
    width: 42px;
    height: 30px;
    color: #FDF4F4;
    right: 0;
    top: 20px;
}
nav .bk{
	border: 1px solid #ff7e7e;
    border-radius: 15px;
    padding: 0 4px 0 10px;
    outline: none;
    width: 200px;
    height: 30px;
    margin-left: 55px;
    font-size: 13px;
    margin-top: 20px;
}
nav .right,nav .right1{
	line-height: 57px;
	font-size: 16px;
    color: #777;
    padding: 18px 18px;
    margin-right: 15px;
}
nav .right:hover,nav .right1:hover{
	background-color: #f5f5f5;
	text-decoration: none;
	color: #777;

}
/*      banner部分      */
.banner{
	margin-bottom: 30px;
}
.banner .top{
	margin: 20px 0px;
}
.banner .top img{
	width: 100%;
}
.banner .bottom{
	border: 1px solid #ccc;
    display: flex;
}
.banner .bottom .left{
	float: left;
}
.banner .bottom .carousel{
	width: 750px;
    margin-right: 10px;
}
.banner .bottom a{
	display: inline-block;
}
.banner .bottom .right ul li{
	float: left;
}
.banner .bottom .right .center{
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
    padding-bottom: 5px;
}
.banner .bottom .right .center a{
	display: inline-block;
    border: 1px solid #C1BBBB;
    border-radius: 28px;
    padding: 3px 7px;
    color: #A59E9E;
    margin-bottom: 12px;
    margin-right: 5px;
    font-size: 13px;
}
.banner .bottom .right .center a:hover{
	color: #ff7e7e;
	border-color: #ff7e7e;
}
.banner .bottom .right .top1 .aa{
	border-bottom: 1px solid #ccc;
    padding: 5px 0px;
}
.banner .bottom .right .dt-activity{
	padding: 14px 0;
}
.banner .bottom .right .dt-activity .blank,.banner .bottom .right .dt-activity .blank1{
	display: flex;
}
.banner .bottom .right .dt-activity .blank{
	margin-bottom: 14px;
}
.banner .bottom .right .dt-activity a:hover{
	text-decoration: none;
}
.banner .bottom .right .dt-activity .choice,.banner .bottom .right .dt-activity .choice2{
	padding: 4px 12px;
    border-radius: 28px 0 0 28px;
    color: #fff;
    text-decoration: none;
    background-color: #ff7e7e;
    border: 1px solid #ff7e7e;
    font-size: 14px;
    display: inline-block;
}
.banner .bottom .right .dt-activity .choice1,.banner .bottom .right .dt-activity .choice3{
	padding: 4px 12px;
    max-width: 145px;
    border-radius: 0 28px 28px 0;
    border: 1px solid #e0e0e0;
    border-left: none;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #777;
}
.banner .bottom .right .appdload{
	display: flex;
}
.banner .bottom .right .appdload img{
	margin-right: 6px;
    width: 62px;
    height: 71px;
}
.banner .bottom .right .appdload .appdload-text h4,.banner .bottom .right .appdload .appdload-text p{
	font-size: 13px;
	color: #7B7A7A;
}
.banner .bottom .right .appdload .appdload-text .duiting{
	display: block;
    margin-top: 9px;
    width: 84px;
    height: 28px;
    background-color: #ff7e7e;
    border-radius: 28px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
}
/*        main部分           */
.main .left{
	float: left;
	width: 160px;
}
.main .left .active{
	background: #faeded;
	padding: 18px 23px;
    font-size: 14px;
}
.main .left .active span{
	color: #ff7e7e;
}
.main .left .active a{
	color: #ff7e7e;
}
.main .left .active a:hover{
	text-decoration: none;
}
.main .left .atten{
	padding: 18px 23px;
	font-size: 14px;
}
.main .left .atten:hover{
	background-color: #fafafa;
}
.main .left .atten a{
	color: #969292;
}
.main .left .atten a:hover{
	text-decoration: none;
}
.main .right{
	float: left;
	width: 524px;
}
.main .right .one{
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.main .right .one .tabs{
	padding: 25px;
}
.main .right .one .load img{
    float: left;
    margin-right: 15px;
}
.main .right .one .load .idd{
	width: 330px;
	position: relative;
}
.main .right .one .load .att{
	position: relative;
	width: 330px;
}
.main .right .one .load .att .att-h6-1{
	
    position: absolute;
    background: rgba(0,0,0,.4);
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
    padding-right: 10px;
    line-height: 26px;
}
.main .right .one .load .att .att-h6-2{
	    position: absolute;
    right: 10px;
    background: rgba(0,0,0,.4);
    border-radius: 20px;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    padding-right: 8px;
    margin-top: 10px;
}
.main .right .one .load .att .att-h6-2 img{
	    padding-top: 5px;
    padding-left: 5px;
        margin-right: 10px;
}
.main .right .one .load .att .att-h6-2 p{
	display: inline-block;
}
.main .right .one .load .att .ass{
	border-radius: 50%;
	    margin-right: 5px;
	    width: 26px;
}
.main .row{
	margin-right: 0px;
	margin-left: 0px;
}
.main .row .col-md-4 span{
	color: #7D7B7B;
}
.main .row .col-md-4 a:hover{
	text-decoration: none;
}
.main .col-md-4{
	padding: 15px 15px;
	    border: 1px solid #ccc;
    text-align: center;
        border-bottom: 0px;
    border-left: 0px;
}
.main .byy{
	border-right: 0px;
}

.main .dianji{
	text-align: center;
	border: 1px solid #ff7e7e;
	padding: 20px 0px;
}
.main .dianji a{
	color: #ff7e7e;
}





.clearfix:before
.clearfix::after{
    content: "";
    display: table;
    clear: both;
}
.main .daren{
	float: left;
	width: 270px;
	
	margin-left: 15px;
}
.main .daren .change{
	position: relative;
border: 1px solid #ccc;
    padding: 10px 14px;
}
.main .daren .change h3{
        font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.main .daren .change span{
	font-size: 12px;
    color: #ff7e7e;
    position: absolute;
    right: 14px;
    top: 14px;
}
 
.main .daren .desc a{
	display: inline-block;
}
.main .daren .desc .asg{
	float: left;
}
.main .daren .desc ul{
	margin-bottom: 0px;
}
.main .daren .desc .asg img{
	margin-right: 10px;
	    width: 40px;
    height: 40px;
}
.main .daren .desc .teer{
	display: inline-block;
}
.main .daren .desc .teer a{
	color: #444;
    font-size: 13px;
    font-weight: 700;
}
.main .daren .desc .teer p{
	margin-top: 2px;
    font-size: 13px;
    color: #777;
}
.main .daren .desc .btn{
	float: right;
    font-size: 12px;
    background-color: #ff7e7e;
    border-radius: 0px;
    padding: 0 5px;
    color: #fff;
    margin-top: 15px;
    outline: none;
}
.main .daren .qq{
	    text-align: center;
    border-top: 1px solid #ccc;
    font-size: 12px;
    padding: 10px 0px;
    border: 1px solid #ccc;
    border-top: 0px;
}
.main .daren .qq i{
	margin-left: 5px;
}
.main .daren .qq a{
	color: #ff7e7e;
}
.main .daren a img{
	width: 100%;
}

/*           footer部分          */
footer{
	background-color: #555;
	padding-top: 20px;
}
footer img{
	width: 120px;
	height: 120px;
}
footer .app{
	margin-bottom: 5px;
	font-size: 16px;
	color: #fff;
}
footer p{
	margin-bottom: 0px;
	color: #fff;
	font-size: 14px;
    margin-bottom: 11px;
    
}
footer a{
	color: #ccc;
}
footer a:hover{
	color: #D8D0D0;
}
footer .col-md-3{
	text-align: center;
}
footer .col-md-3 a{
	display: block;
}
footer .e{
	border-right: 1px solid #eee;
}
footer .img{
	width: 30px;
	height: 30px;
}
footer .footer-info{
	color: #E2DBDB;
	font-size: 12px;
}
footer .footer-bottom{
	color: #E2DBDB;
	font-size: 12px;
}
footer .footer-info a:hover{
	color: #ccc;
}
footer .footer-bottom a:hover{
	color: #ccc;
}

#toTop{
	position: fixed;
	background: #fff;
	right: 40px;
	bottom: 50px;
	cursor: pointer;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
	display: none;
}

@media (max-width: 800px){
	.container{
		width: 100%!important;
	}
	nav .a{
		display: none;
	}
	nav .bk{
    	width: 190px;
    	margin-left: 10px;

	}
	nav .right, nav .right1{
		display: none;
	}
	.banner .bottom{
		display: flex;
    	flex-wrap: wrap;
	}
	.banner .bottom .left img{
		width: 100%;
	}
	.banner .bottom .carousel{
		width: 100%;
	}
	.banner .bottom .right .appdload{
		    margin-bottom: 20px;
	}
	.main .left{
		width: 100%;
	}
	.main .right{
		width: 100%;
	}
	.main .right h4{
		font-size: 20px;
	}
	.main .right .one .load .idd{
		width: 100%;
	}
	.main .col-md-4{
		width: 33.333333%;
	}
	.main .daren{
		width: 100%;
		margin-left: 0px;
	}
	.main .right .one .load .att{
		width: 100%;
	}
	footer .e{
		border-right:0;
	}

}